<!-- Django project-->
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta content="text/html"  encoding="utf-8"/>
    <title type="text/css">
        Project Django
    </title>
    <link rel="stylesheet" href="{{ STATIC_URL }}style/style.css"> </link>
    <script type="text/javascript" src="{{STATIC_URL}}js_content/jquery-1.6.1.min.js"></script>
    <script type="text/javascript">
        function addLike(userLike, comID) {

            /*if ('{% if not user.is_authenticated %}') {
                alert("Hãy đăng ký hoặc đăng nhập để bình luận bài viết!");
                endif = '{% endif %}';
                return false;
            }*/
            $.post(
                    // Grad the url .
                    "/addLike/",
                    {'commentID': comID, 'csrfmiddlewaretoken': '{{ csrf_token }}'},
                    function(resp, testStatus) {
                        if (resp.error) {
                            alert("Hãy đăng nhập!")
                            window.location = '/login/';
                        } else {
                            //alert(resp.voted);
                            $("#Vote_"+comID).html("Voted");
                            $("#Vote_"+comID).attr('onclick', "");
                            $("#Count_"+comID).html(resp.voted);
                        }

                    }, "json"
            );
            return false;
        }
    </script>
    <script type="text/javascript">
        function test(content, userid, articleid) {
            /*if ('{% if not user.is_authenticated %}') {
                alert("Hãy đăng ký hoặc đăng nhập để bình luận bài viết!");
                endif = '{% endif %}';
                return false;
            }*/
            $.post(
                    // Grab the action url from the form.
                    "/addComment/",

                    // Serialize the form data to send.
                    {'content': content, 'userid': userid, 'articleid': articleid, 'csrfmiddlewaretoken': '{{ csrf_token }}'},

                    // Callback function to handle the response from view.
                    function(resp, testStatus) {
                        if (resp.error) {
                            alert("Đã xảy ra lỗi!");
                        } else {
                            //alert(resp.postOnDate);
                            var text = new String();
                            text = "<div class='line_cm'>"+"</div>"
                                    +"<div class='detail_cm'>"
                                    +"<img src='{{STATIC_URL}}images/b.jpg'/>"
                                    +"<p> <a href='#'>"+resp.userName+"</a>"+resp.comments+"</p>"
                                    +"<div class='info_cm'>"
                                    +"<ul>"
                                    +"<li>"+resp.postOnDate+"</li>"
                                    +"<li id='Vote_"+resp.commentID+"' onclick=\"addLike(document.getElementById('userid').value, "+resp.commentID+")\"><a href='#'>Vote</a></li>"
                                    +"<li><a href='#' class='spam'>Spam</a></li>"
                                    +"<li><a id='Count_"+resp.commentID+"'>0</a> Voted</li>"
                                    +"</ul>"
                                    +"</div>"
                                    +"</div>";
                            //alert(text);
                            $("#post_cm").append(text);
                            document.getElementById("user_cm").innerHTML = document.getElementById("user_cm").innerHTML;
                        }

                        // Set the Return data type to "json".
                    }, "json");
        }
    </script>
</head>
<body style="background:#fff">
<div id="header">
    <div id="sub_header">

        <!--logo-->
        <a href="http://127.0.0.1:8000">
            <div id="logo">
            </div>
        </a>
        <!--end logo-->

        <!--begin main_unity-->

        <!-->

                  <!--begin main menu-->
        <div id="menu">
            <ul>
                <li>
                    <a href="http://127.0.0.1:8000/" id="thethao">
                        Thể Thao
                    </a>
                </li>
                <li>
                    <a href="http://127.0.0.1:8000/?pos=congnghe" id="congnghe">
                        Công Nghệ
                    </a>
                </li>
                <li>

                    <a href="http://127.0.0.1:8000/?pos=giaitri" id="giaitri">
                        Giải Trí
                    </a>
                </li>

                <li>
                    <a href="http://127.0.0.1:8000/?pos=tonghop" id="phapluat">
                        Tổng Hợp
                    </a>
                </li>
            </ul>
            <!--search box-->
            <search>
                <form action="/search/" method="post">{% csrf_token %}
                    <input style="border:1px solid #ccc;" name="keywords" id="keywords" type="text" size="40" placeholder="Search..." />
                    <input type="submit"class="submit_btn" value="">
                </form>
            </search>
            <!--end search box-->
        </div>
        <!--end main menu-->
        <div id="menu_unity">
            <ul>
                {% if not user.is_authenticated %}
                <div id="login_box">
                    <div id="login_box_content">
                        <form id="login_form" action="/login/?next={{ next|default:'/' }}" method="post">{% csrf_token %}
                            <h2 style="text-align:center;color:#fff;">Đăng nhập</h2>
                            <input type="text" placeholder="Tên đăng nhập..." name="username" id="username"/>
                            <input type="password" placeholder="Password" name="password" id="password"/>
                            <input type="submit" value="Đăng nhập"/>
                        </form>
                        <div id="cancel1">
                            <a href="#" class="can">Hủy bỏ</a>
                            <a href="#">Quên mật khẩu</a>
                        </div>
                    </div>
                    <!--
                </div>
                    <div id="regis_box">
                    <div id="regis_box_content">
                    <form id="regis_form" action="/register/" method="post">{% csrf_token %}
                        <h2 style="text-align:center;color:#fff;">Đăng kí tài khoản</h2>
                        <h5>Tên đăng nhập</h5>
                        <input type="text" placeholder="Tên đăng nhập bạn mong muốn của bạn"/>
                         <h5>Họ và tên</h5><input type="text" class="name1" placeholder="Nhập họ của bạn" />
                         <input type="text" class="name2" placeholder="Nhập tên đệm và tên" />
                        <h5>Email</h5><input type="text" placeholder="Email chính xác của bạn" />
                        <h5>Password</h5><input type="password" placeholder="Mật khẩu dùng để truy cập website" />
                        <h5>Nhập lại password</h5><input type="password" class="last"placeholder="Nhập lại mật khẩu trên" /> 							<input type="submit" value="Đăng kí"/>
                         <input type="reset" value="Nhập lại"/>

                     </form>
                    <div id="cancel2">
                        <a href="#" class="can">Hủy bỏ đăng kí</a>
                    </div>
                    </div>
                    -->
                </div>
                {% endif %}
                <li>
                    <select class="language">
                        <option>
                            Tiếng Việt
                        </option>
                        <option>
                            English
                        </option>

                    </select>
                </li>
                {% if user.is_authenticated %}
                <li>
                    <a href="/logout/?next={{ next|default:'/' }}">
                        Đăng xuất
                    </a>
                </li>
                <li>
                    Chào, <a href="/profile/" style="color: #0688ff; font-size: 15px" >{{ user }}</a>
                </li>
                {% else %}
                <li>
                    <a href="/login/">
                        Đăng Nhập
                    </a>
                </li>
                <li>
                    <a href="/register/">
                        Đăng Kí
                    </a>
                </li>
                {% endif %}
            </ul>
        </div>

    </div>
</div>
    {% block content %}
    {% endblock %}

</body>
</html>